
    <!DOCTYPE html>
    <html lang="en">

    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>

    <body>
        <menu>
            <header>一周目：</header>
            <button id="stage-1">阶段1</button>
            <button id="stage-2">阶段2</button>
            <button id="stage-3">阶段3</button>
            <button id="stage-4">阶段4</button>
            <button id="stage-5">阶段5</button>
            <button id="stage-6">阶段6</button>
            <button id="stage-7">阶段7</button>
            <button id="stage-8">阶段8</button>
            <button id="stage-9">阶段9</button>
            <br>
            <header>二周目：</header>
            <button id="stage-10">阶段10</button>
            <button id="stage-11">阶段11</button>
            <button id="stage-12">阶段12</button>
            <button id="stage-13">阶段13</button>
            <button id="stage-14">阶段14</button>
        </menu>
        <section>
            <header>原模板</header>
            <!-- 源字符串 -->
            <pre id="template"></pre>
        </section>
        <hr>
        <section>
            <header>渲染结果</header>
            <!-- 结果 -->
            <pre id="app"></pre>
        </section>
        <hr>
        <script src="./user-mustache.js" type="module"></script>
    </body>

    </html>
